body{
    margin: 0;
    padding: 0;
    font-family: "montserrat";
    height: 100vh;
    width: 100%;
    /* 为元素设置背景图像---背景渐变 */
    background-image: linear-gradient(125deg,#2980b9,#27ae60,
    #16a085,#dfee5a,#f1c40f,#9b59b6);
    /* 背景放大 */
    background-size: 400%;
    animation: move 15s infinite;
}
.text{
    color: white;
    text-align: center;
    text-transform: uppercase;
    margin: 350px 0;
    font-size: 22px;
}
@keyframes move{
    0%
    {   
        /* 指定文档背景如何定位,第一个值是水平位置，第二个值是垂直位置*/
        background-position: 0 50%;
    }
    50%
    {
        background-position: 100% 50%;

    }
    100%
    {
        background-position: 0 50%;

    }

}